@import 'tailwindcss/base';
@import 'tailwindcss/components';
@import 'tailwindcss/utilities';

.h_m_gray {
	color: #909ca4;
	font-size: 1rem;
	font-weight: 400;
}
.easy_between {
	display: flex;
	justify-content: space-between;
	align-items: center;
	// width: 100%;
}
.easy_start {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	// width: 100%;
}
.easy_center {
	display: flex;
	justify-content: center;
	align-items: center;
	// width: 100%;
}
.easy_between_y {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	// align-items: center;
	// width: 100%;
}
.easy_center_y {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	// width: 100%;
}

// 单行省略
.ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
// 颜色变量
$color_primary: #f7f8fa;
$color_purple: #6066ea;
$color_yelllow: #ffe243;

.nut-elevator {
	width: 100%;
	display: block;
	position: relative;
	&__list {
		display: block;
		position: relative;
		overflow: auto;
		&::-webkit-scrollbar {
			display: none;
			width: 0;
		}
		&__item {
			display: block;
			font-size: $elevator-list-item-font-size;
			color: $elevator-list-item-font-color;
			&__code {
				display: flex;
				position: relative;
				height: $elevator-list-item-code-height;
				line-height: $elevator-list-item-code-line-height;
				font-size: $elevator-list-item-code-font-size;
				color: $elevator-list-item-code-font-color;
				padding: $elevator-list-item-code-padding;
				font-weight: $elevator-list-item-code-font-weight;
				box-sizing: border-box;
				&::after {
					content: ' ';
					width: $elevator-list-item-code-after-width;
					height: $elevator-list-item-code-after-height;
					position: absolute;
					left: 0;
					bottom: 0;
					background-color: $elevator-list-item-code-after-bg-color;
				}
			}
			&__name {
				display: flex;
				align-items: center;
				padding: $elevator-list-item-name-padding;
				height: $elevator-list-item-name-height;
				line-height: $elevator-list-item-name-line-height;
				&--highcolor {
					color: $elevator-list-item-highcolor;
				}
			}
		}
		&__fixed {
			width: 100%;
			position: absolute;
			top: 0;
			left: 0;
			padding: $elevator-list-item-code-padding;
			height: $elevator-list-item-code-height;
			line-height: $elevator-list-item-code-line-height;
			font-size: $elevator-list-item-code-font-size;
			color: $elevator-list-fixed-color;
			font-weight: $elevator-list-item-code-font-weight;
			background-color: $elevator-list-fixed-bg-color;
			box-sizing: border-box;
			box-shadow: $elevator-list-fixed-box-shadow;
			z-index: 1;
		}
	}
	&__code--current {
		position: $elevator-list-item-code-current-position;
		right: $elevator-list-item-code-current-right;
		top: $elevator-list-item-code-current-top;
		transform: $elevator-list-item-code-current-transform;
		width: $elevator-list-item-code-current-width;
		height: $elevator-list-item-code-current-height;
		line-height: $elevator-list-item-code-current-line-height;
		border-radius: $elevator-list-item-code-current-border-radius;
		background: $elevator-list-item-code-current-bg-color;
		box-shadow: $elevator-list-item-code-current-box-shadow;
		text-align: $elevator-list-item-code-current-text-align;
	}
	&__bars {
		position: $elevator-list-item-bars-position;
		right: $elevator-list-item-bars-right;
		top: $elevator-list-item-bars-top;
		transform: $elevator-list-item-bars-transform;
		padding: $elevator-list-item-bars-padding;
		background-color: $elevator-list-item-bars-background-color;
		border-radius: $elevator-list-item-bars-border-radius;
		text-align: $elevator-list-item-bars-text-align;
		z-index: $elevator-list-item-bars-z-index;
		&__inner {
			&__item {
				display: block;
				padding: $elevator-list-item-bars-inner-item-padding;
				font-size: $elevator-list-item-bars-inner-item-font-size;
				&.active {
					color: $elevator-list-item-bars-inner-item-active-color;
				}
			}
		}
	}
}

page {
	// 电梯组件每一个item的高度
	--nut-elevator-list-item-name-height: 80rpx;
	// 油相的行高
	--nut-elevator-list-item-name-line-height: 35rpx;
	--nut-elevator-list-item-font-size: 40rpx;
	--nut-primary-color: #6066ea;
	background-color: $color_primary; // 设置全局背景色\
	--nut-tabs-horizontal-tab-line-color: transparent;
	--nut-tabs-titles-background-color: #6066ea;
  --nut-input-font-size: 30rpx;
  --nut-textarea-font:30rpx;
}
